<template>


    <a-modal :title="title" :width="1200" :destroyOnClose="true" :maskClosable="false" :footer="false"
             :visible="visible" @cancel="handleCancel"
    >


        <a-descriptions bordered>

            <a-descriptions-item label="操作账号">
                {{showRecord.account}}
            </a-descriptions-item>
            <a-descriptions-item label="操作人">
                {{showRecord.operator}}
            </a-descriptions-item>

            <a-descriptions-item label="时间">
                {{showRecord.createTime}}
            </a-descriptions-item>


            <a-descriptions-item label="IP地址">
                {{showRecord.ip}}
            </a-descriptions-item>
            <a-descriptions-item label="操作系统">
                {{showRecord.os}}
            </a-descriptions-item>
            <a-descriptions-item label="浏览器">
                {{showRecord.browser}}
            </a-descriptions-item>
            <a-descriptions-item label="模块">
                {{showRecord.model}}
            </a-descriptions-item>

            <a-descriptions-item label="事件"  span="3">
                {{showRecord.event}}
            </a-descriptions-item>


            <a-descriptions-item label="请求路径" span="5">
                {{showRecord.requestUrl}}
            </a-descriptions-item>

            <a-descriptions-item label="请求方法"  span="5">
                {{showRecord.requestMethod}}
            </a-descriptions-item>



            <a-descriptions-item label="请求参数"  span="5">
                <a-textarea  :disabled="true" :rows="4" v-model="showRecord.requestParam" />

            </a-descriptions-item>



        </a-descriptions>



    </a-modal>

</template>
<script>
    export default {
        props:['showRecord'],

        data() {
            return {
                loading: false, //按钮Loading
                visible: true, //modal 显示状态
                title: "日志详情",
            };
        },
        methods: {


            //关闭弹窗
            handleCancel() {
                this.visible = false;
                this.$emit('callBack', {render: false});
            },


        },
    };
</script>
